
page-regist{
    
    html{
        background: $background-color;
    }
    .re_content{
        background: #ffffff !important;
        padding:1rem;
    }
    $font-size:1.3rem;
    .masking{
        height: 1rem;
        background: $background-color;
    }
    .upload-box{
        margin: 4rem auto 2rem auto;
        text-align: center;
        span{
            display: inline-block;
            height: 6rem;
            width: 6rem;
            @include border-radius(3rem);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center;
        }
        a{
            display: block;
            margin-top: 5px;
            color: $font-text-color;
        }
    }
    .padding-content{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .type-radio-group{
        @include flex(space-between);
        .input-radio{
        
            span{
                display: inline-block;
                position: relative;
                border: solid 1px #4885ED;
                @include border-radius(0.7rem);
                @include box-area($font-size,center);
                vertical-align: middle;
            }
            b{
                width: 0.5rem;
                height: 0.5rem;
                @include border-radius(0.25rem);
                background: #4885ED;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                display: none;
            }
            input[type=radio]{
                opacity: 0;
                position: absolute;
            }
            input[type=radio]:checked~span b{
                display: block;
            }
            font{
                line-height: $font-size;
                font-size: $font-size;
                color: $font-text-color;
            }
        }
    }
    .hc-ion-item.verify{
        @include flex(space-between);
        
        input{
        }
        button{
            margin-left: 1.5rem;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        
    }
    #signs{
        color: #999;
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
    }
    .protocol{
        @include flex(flex-start);
        margin-top:1.6rem;
        span{
            margin-left: 0.5rem;
            color: #333333;
        }
    }
    .hc-ion-confirmd{
        margin-bottom:0;
        margin-top:3rem;
        button{
            width: 100%;
            height: 4rem;
            font-size: 1.4rem;
        }
    }
    .checkbox-ios .checkbox-icon{
        width: 1rem;
        height: 1rem;
        border-radius: 0;
        background: #B3B3B3;
    }
    .checkbox-ios .checkbox-checked .checkbox-inner {
        left: 0.3rem;
        top: 0.1rem;
        position: absolute;
        width: 0.2rem;
        height: 0.7rem;
    }
    .checkbox-ios .checkbox-checked {
        border-color: #488aff;
        background-color: #488aff;
    }
    .tologin{
        margin: 1.5rem 0;
        font-size: 1.2rem;
        color: $active-color;
        text-align: right;
    }
    .cutOff{
        @extend .container;
        text-align: center;
        margin: 0 auto;
        i{
            position: relative;
            display: block;
            top: 0.7rem;
            height: 1px;
            width: 100%;
            background: $font-color;
        }
        span{
            position: relative;
            display: inline-block;
            color: $font-color;
            width: 30%;
            min-width: 5rem;
            background: #fff;
        }
    }
    .login{
        @extend .container;
        @include flex(space-around);
        margin: 2rem auto 2rem auto;
        span{
            @include box-area(3.4rem,center);
            background-color:#fff;
            @include border-radius(1.7rem);
            background-position:center;
            background-size: 2rem 2rem; 
            background-repeat: no-repeat;
        }
    }
}